﻿@model ViewModels.Salon.HoldModel
@{
	ViewBag.Title = "举办沙龙";
}
<h2 class="page-header">@ViewBag.Title</h2>
<hr />
<div class="row">
	<div class="col-md-5">
		<form method="post" zyf-salon-hold>
			<div class="form-group">
				<label>主题：（必填）</label>
				<input asp-for="Subject" class="form-control"
					   placeholder="比如：你后悔裸辞了吗？" />
				<span asp-validation-for="Subject"></span>
			</div>
			<div class="form-group">
				<label class="form-check form-check-inline">
					<input class="form-check-input" type="radio" asp-for="IsPublic" value="true">
					私密
				</label>
				<label class="form-check form-check-inline">
					<input class="form-check-input" type="radio" asp-for="IsPublic" value="false">
					公开
				</label>
			</div>
			<div class="form-group">
				<label>说明：（建议填写）</label>
				<textarea asp-for="Description" class="form-control"
						  placeholder="比如：裸辞3个月还没找到工作，被爸妈说，郁闷烦躁……">
				</textarea>
				<span asp-validation-for="Description"></span>
			</div>
			<div class="form-group">
				<label class="form-check form-check-inline">
					<input class="form-check-input" type="radio" asp-for="IsMasked" value="true">
					纯音频
				</label>
				<label class="form-check form-check-inline">
					<input class="form-check-input" type="radio" asp-for="IsMasked" value="false">
					视频（露脸）
				</label>
			</div>
			<div class="form-group">
				<label>关键字：（必填）</label>
				<div class="input-group">
					<div class="input-group-prepend">
						<button class="btn btn-outline-secondary dropdown-toggle" type="button" data-toggle="dropdown"> 大类 </button>
						<div class="dropdown-menu">
							<a class="dropdown-item" href="#">职业</a>
							<a class="dropdown-item" href="#">教育</a>
							<a class="dropdown-item" href="#">人文</a>
						</div>
					</div>
					<input type="text" class="form-control" placeholder="按空格自动分割">
				</div>
			</div>
			<div class="form-group">
				<label>举办日期：（必填）</label>
				<input asp-for="Date" type="text" class="form-control" />
				<span asp-validation-for="Date"></span>
			</div>
			<div class="form-group">
				<div class="row">
					<div class="col">
						<div class="input-group">
							<div class="input-group-prepend">
								<span class="input-group-text">从</span>
							</div>
							<input type="text" class="form-control" asp-for="StartHour" placeholder="0-23的整数">
							<div class="input-group-append">
								<span class="input-group-text">点</span>
							</div>
						</div>
					</div>
					<div class="col">
						<div class="input-group">
							<div class="input-group-prepend">
								<span class="input-group-text">到</span>
							</div>
							<input type="text" class="form-control" asp-for="StartHour" placeholder="0-23的整数">
							<div class="input-group-append">
								<span class="input-group-text">点</span>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="form-group">
				<label>最多报名人数：</label><span zyf-number-of-people>@Model.NumberOfPeople</span>
				<input asp-for="NumberOfPeople"
					   onchange="showRange('[zyf-number-of-people]', value)"
					   type="range" max="7" min="1" class="form-control" />
			</div>
			<div class="form-group">
				<button type="submit" class="btn btn-primary form-control ">发布</button>
			</div>
		</form>
	</div>
	<div class="offset-md-1 col-md-6">
		<h4>说明：</h4>
	</div>
</div>

@section Scripts{
<script>
	$(function () {
		$('[zyf-salon-hold]').submit(function (event) {

		})
	})


</script>
}
